外层|感觉_React新的文档用到了哪些技术？

这里面有 yarn.lock 文件，跟绝大多数 next 项目一样 yarn install 之后，运行 yarn dev 就可以运行开发环境

启动速度非常快，仅仅 3.3s， 打开 next.js 会再次编译，大概 是不支持 Markdown 的，我们需要让 next.js 支持 Markdown， 我们打开 next.js 的配置文件 next.config.js,

(process.env.ANALYZE)
BundleAnalyzerPlugin = config.plugins.push(
BundleAnalyzerPlugin(
? : )
);


config.module.rules.push(
use: [
options.defaultLoaders.babel,

remarkPlugins,
,
,
path.join(__dirname, ],
);

config;
,

首先是单独安装了 webpack-bundle-analyzer 这个是打包分享插件，通过 ANALYZE=true next build 就可以生成分析包含哪些模块包的网页

这里面还加了一个自定义 loader

( callback = content, data = fm(src);
pageParentDir = path
.dirname(path.relative( .split(path.sep)
.shift();
layoutMap =
;
layout = layoutMap[pageParentDir] || code =
+ content;

callback(让 markdown 支持 jsx，我们一起来看看如何使用

React ReactDom Post Heading, Table compOnents=
</>,
React ReactDom Post Heading, Table MDXProvider compOnents=
< </>
官网，非常酷炫的效果映入眼帘

简单几个配置就可以渲染出在线代码编辑器

customSetup=
dependencies:
"react-markdown": "latest"
,
files:
"/App.js": `import ReactMarkdown from \'react-markdown\'

export default function App()
return (

# Hello, *world*!

)
`


/>;

1、React 新文档的架构我很喜欢，代码和目录也非常清晰，非常适合阅读

2、我们一些组件库文档是否可以往next架构迁移？